<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body class="page-play">
    <!-- controls 控制器 -->
    <!-- autoplay 自动播放 -->
    <!-- muted 静音 -->
    <video class="player" id="player" controls muted></video>
    <div class="info">
      <div class="process">
        <span id="curIndex">1</span>
        /
        <span id="totalLength">4</span>
      </div>
      <div class="title" id="title">xxx</div>
    </div>
    <div class="control">
      <div class="progress" id="progress"></div>
      <i class="pre iconfont icon-shangyiqu" id="pre"></i>
      <i class="pause iconfont icon-zanting" id="pause"></i>
      <i class="pause iconfont icon-bofang" id="play1" style="display: none"></i>
      <i class="next iconfont icon-xiayiqu" id="next"></i>
    </div>

  <!-- 弹窗 -->
  <div class="popup">
    <div class="mask"></div>
    
    <div class="container">
      <p class="popuptext">放弃可以找到一万个理由，坚持只需要一个信念</p>
      <button id="continue" >继续训练
        <span class="iconfont icon-bofang1  "></span>
      </button>
      <button id="end">结束训练
        <span class="iconfont icon-guanji "></span>
      </button>
      <div class="kgjhr df jcsb">
        <div class="img"></div>
        <div class="text">
          <p class="dq">当前:</p>
          <p class="text1">胯关节环绕</p>
        </div>
      </div>
    </div>
   
  </div>
  </body>
</html>
